<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
	<script type="text/javascript"
		src="js/jquery.maskedinput-1.1.4.pack.js" />

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><ui:insert name="titulo">Página Principal do Usuário</ui:insert></title>
	<h:outputStylesheet library="css" name="sistema.css" />
</h:head>


<h:body>
	<p:ajaxStatus styleClass="ajax-status" onsuccess="mascaras()">

		<f:facet name="status">
			<h:graphicImage library="images" name="loading.gif" />
		</f:facet>
		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>

	</p:ajaxStatus>
	
	<header>
	<script type="text/javascript"
		src="js/jquery-1.2.6.pack.js"></script> <script type="text/javascript"
		src="js/jquery.maskedinput-1.1.4.pack.js" /> <script
		type="text/javascript">$(document).ready(function(){	$(".masckcpf").mask("999.999.999-99");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".phone").mask("(99) 9999-9999");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".masckcnh").mask("99999999999");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".masckrg").mask("9.999.999");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".masckcep").mask("99999-999");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".masckdata").mask("99/99/9999");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".masckplaca").mask("aaa-9999");});</script>
	<script type="text/javascript">$(document).ready(function(){	$(".masckano").mask("9999");});</script>


	 
	
	<div style="float: left;">
		<h:link outcome="/usuario/Principal.xhtml">
			<h:graphicImage library="images" name="logo-fast-transport.png" />
		</h:link>
	</div>


	<div style="float: right; margin-right: 110px">

		<h:form style="dispay: inline-block" id="frmsair">


			<p:menubar styleClass="menu-sistema">

			
				<p:menuitem value="Sair" update="frmsair:confirmacaoSairDialog"
					oncomplete="confirmacaoSair.show()" />


			</p:menubar>

			<p:confirmDialog header="Logout"
				message="Tem certeza que deseja Sair?" widgetVar="confirmacaoSair"
				id="confirmacaoSairDialog">
				<p:button value="Não"
					onclick="confirmacaoSair.hide(); return false;" />
				<p:commandButton value="Sim" oncomplete="confirmacaoSair.hide();"
					action="#{autenticadorBean.registraSaida()}" />

			</p:confirmDialog>

		</h:form>


	</div>
	<span
		style="float: right; height: 30px; line-height: 30px; margin-right: 60px">
		Olá Usuário! </span>

	<div style="clear: both;"></div>

	</header>

	<div>


		<h:form style=" float: left; margin-top: 90px;">
			
			<p:panelMenu style="width:250px">
				<p:submenu label="Principal">
					<p:menuitem value="Pagina Inicial "
						outcome="/usuario/Principal.xhtml"
						actionListener="#{menuView.save}" icon="ui-icon-arrowrefresh-1-w" />
				</p:submenu>

				<p:submenu label="Vagas">
					<p:menuitem value="Procurar Vagas "
						outcome="/usuario/SolicitacaoVagas.xhtml"
						icon="ui-icon ui-icon-search" />
				</p:submenu>

			</p:panelMenu>
		</h:form>


	</div>


	<div id="areaSistema">

		<ui:insert name="corpo">


		</ui:insert>

	</div>


	<p:separator style="margin-top: 900px" />

	<footer> Sistemas Reserva de vagas para transposte alternativo
	<!--<a href="http://bit.ly/Y8saFl" target="_blank">www.algaworks.com</a>-->
	</footer>
</h:body>
</html>